<template>
    <main-wrap>
        <template v-slot:header>
            <Header title="日志版本"/>
        </template>
        <div class="mainBox">
            <ul class="rzList">
                <li v-for="dt in sdData" :key="dt.versionNum">
                    <h5>版本号：v{{dt.versionName}} </h5>
                    <div class="con">
                        <p>更新内容：</p>
                        <div v-html="dt.description"></div>
                    </div>
                </li>
            </ul>
        </div>
    </main-wrap>
</template>

<script>
import { reactive,toRefs,getCurrentInstance,onMounted } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'
import mainWrap from '@/components/mainWrap.vue'
import Header from '@/components/header.vue'
export default {
    props:{

    },
    components:{
        mainWrap,
        Header
    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            sdData:[]
        })

        onMounted( async()=>{
            state.id = route.params.id
            const res = await store.dispatch('arApi/get_edition_list',1)
            res.success && (state.sdData = res.data)
        })

        return{
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
    .mainBox{
        padding: 30px 40px;
        .rzList{
            font-style: normal;
            li{
                border-bottom:1px solid rgba(217, 217, 217, 0.3) ;
                padding: 0 0 30px 0;
                &+li{
                    margin-top:30px ;
                }
                h5{
                    font-size: 30px;
                    color: var(--baseColor);
                    font-weight: 500;
                }
                .con{
                    padding: 20px 0 0 0;
                    font-size: 26px;
                     line-height: 42px;
                    p{
                        padding: 0 0 10px 0;
                    }
                }
            }
        }
    }
</style>